<!doctype html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Tennis club</title>
	<link rel="stylesheet" href="./css/normalize.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
	<div class="header-hero__img">
		<nav class="menu header__menu">
			<div class="container header__container">
				<div class="header__logo">
					<a href="#"><img src="./icons/logo-header.svg" alt="logo of company"></a>
				</div>
				<ul class="menu-list">
					<li class="menu-item">
						<a class="menu-link" href="#">Главная</a>
					</li>
					<li class="menu-item">
						<a class="menu-link" href="#about">О клубе</a>
					</li>
					<li class="menu-item">
						<a class="menu-link" href="#">Турниры</a>
					</li>
					<li class="menu-item">
						<a class="menu-link" href="#services">Услуги</a>
					</li>
					<li class="menu-item">
						<a class="menu-link" href="#">Детский теннис</a>
					</li>
					<li class="menu-item">
						<a class="menu-link" href="#">Галерея</a>
					</li>
					<li class="menu-item">
						<a class="menu-link" href="#prices">Цены</a>
					</li>
					<li class="menu-item">
						<a class="menu-link" href="#">Контакты</a>
					</li>
				</ul>
				<div class="social-links">
					<a class="youTube" target="_blank" href="#">
						<svg width="29.000000" height="19.000000" viewBox="0 0 29 19" fill="none"
						     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
							<path id="Vector"
							      d="M27.79 2.4C27.63 1.82 27.31 1.3 26.87 0.88C26.42 0.45 25.87 0.15 25.27 -0.01C23.01 -0.6 13.99 -0.6 13.99 -0.6C10.22 -0.65 6.46 -0.46 2.72 -0.04C2.12 0.13 1.57 0.44 1.12 0.87C0.67 1.3 0.35 1.83 0.18 2.4C-0.22 4.58 -0.42 6.78 -0.4 9C-0.42 11.2 -0.22 13.41 0.18 15.59C0.35 16.16 0.67 16.69 1.11 17.11C1.56 17.53 2.11 17.84 2.72 18C5.01 18.59 13.99 18.59 13.99 18.59C17.76 18.64 21.52 18.45 25.27 18.03C25.87 17.87 26.42 17.57 26.87 17.14C27.32 16.72 27.63 16.19 27.79 15.62C28.21 13.44 28.41 11.23 28.39 9.02C28.42 6.8 28.22 4.58 27.79 2.4L27.79 2.4ZM11.12 13.1L11.12 4.89L18.63 9L11.12 13.1Z"
							      fill="#FFFFFF" fill-opacity="1.000000" fill-rule="nonzero"/>
						</svg>
					</a>
					<a class="vk" target="_blank" href="#">
						<svg width="24.000000" height="14.000000" viewBox="0 0 24 14" fill="none"
						     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
							<path id="Vector"
							      d="M23.96 1.03C24.16 1.56 23.53 2.81 22.08 4.78C21.87 5.05 21.61 5.41 21.29 5.85C20.62 6.69 20.24 7.24 20.15 7.51C20.01 7.86 20.07 8.21 20.33 8.53C20.47 8.71 20.81 9.07 21.33 9.61L21.38 9.61L21.38 9.65C22.57 10.75 23.37 11.69 23.78 12.46L23.87 12.64L23.96 12.98L23.96 13.4L23.65 13.74L22.91 13.89L19.72 13.98C19.51 14.01 19.27 13.98 18.99 13.89C18.72 13.81 18.51 13.72 18.36 13.63L18.1 13.45C17.84 13.27 17.54 13 17.22 12.64C16.9 12.29 16.62 11.96 16.37 11.66C16.12 11.36 15.87 11.12 15.61 10.92C15.34 10.73 15.11 10.66 14.91 10.72C14.88 10.72 14.84 10.74 14.8 10.77C14.75 10.8 14.68 10.86 14.58 10.97C14.48 11.07 14.39 11.2 14.32 11.35C14.24 11.5 14.18 11.71 14.12 12C14.06 12.28 14.03 12.61 14.03 13C14.03 13.12 14.02 13.23 13.99 13.34C13.96 13.44 13.93 13.52 13.9 13.58L13.86 13.63C13.68 13.81 13.45 13.89 13.16 13.89L11.76 13.89C11.15 13.95 10.53 13.89 9.9 13.72C9.27 13.54 8.73 13.31 8.26 13.02C7.79 12.74 7.37 12.46 6.99 12.17C6.61 11.89 6.32 11.65 6.12 11.44L5.81 11.12C5.72 11.06 5.61 10.95 5.46 10.77C5.32 10.59 5.02 10.2 4.56 9.61C4.11 9.01 3.67 8.37 3.23 7.68C2.79 7 2.28 6.1 1.7 4.98C1.12 3.86 0.58 2.71 0.08 1.52C0.02 1.37 0 1.25 0 1.16C0 1.07 0.01 1 0.04 0.94L0.08 0.89C0.2 0.71 0.43 0.63 0.78 0.63L4.24 0.63C4.32 0.63 4.41 0.65 4.5 0.69L4.72 0.8L4.76 0.85C4.91 0.94 5.01 1.07 5.07 1.25C5.24 1.67 5.44 2.11 5.66 2.57C5.88 3.03 6.04 3.38 6.16 3.62L6.34 3.98C6.6 4.48 6.84 4.92 7.06 5.29C7.28 5.67 7.47 5.96 7.65 6.17C7.82 6.37 8 6.54 8.17 6.66C8.35 6.78 8.49 6.84 8.61 6.84C8.73 6.84 8.84 6.82 8.96 6.79L9 6.72L9.16 6.43L9.33 5.85L9.44 4.83L9.44 3.22C9.41 2.89 9.37 2.58 9.31 2.3C9.25 2.02 9.19 1.82 9.13 1.7L9.09 1.56C8.89 1.27 8.52 1.07 8 0.98C7.91 0.98 7.94 0.88 8.08 0.67C8.23 0.52 8.39 0.4 8.57 0.31C9 0.07 9.99 -0.03 11.54 0C12.21 0 12.78 0.06 13.24 0.18C13.39 0.21 13.52 0.26 13.64 0.34C13.75 0.41 13.84 0.51 13.9 0.65C13.96 0.78 14 0.92 14.03 1.05C14.06 1.18 14.08 1.38 14.08 1.63L14.08 2.32C14.05 2.56 14.03 2.86 14.03 3.22L14.03 4.29C14.03 4.38 14.02 4.56 14.01 4.83C13.99 5.09 13.99 5.3 13.99 5.45C13.99 5.6 14 5.77 14.03 5.96C14.06 6.16 14.11 6.32 14.18 6.46C14.26 6.59 14.35 6.69 14.47 6.75C14.53 6.78 14.59 6.8 14.67 6.81C14.74 6.83 14.85 6.78 14.99 6.68C15.14 6.57 15.3 6.43 15.47 6.23C15.65 6.04 15.87 5.75 16.13 5.36C16.39 4.97 16.67 4.53 16.96 4.02C17.46 3.13 17.91 2.16 18.32 1.12C18.35 1.06 18.38 0.99 18.43 0.92C18.47 0.84 18.52 0.79 18.58 0.76L18.62 0.76L18.67 0.71L18.84 0.67L19.1 0.67L22.69 0.63C23.01 0.6 23.28 0.61 23.5 0.67C23.72 0.73 23.84 0.8 23.87 0.89L23.96 1.03Z"
							      fill="#FFFFFF" fill-opacity="1.000000" fill-rule="nonzero"/>
						</svg>
					</a>
				</div>
			</div>
		</nav>
		<button class="header__burger-btn" id="burger">
			<span></span><span></span><span></span>
		</button>
		<nav class="header__menu_mobile">
			<div class="header__logo_mobile">
			</div>
			<ul class="menu__list_mobile">
				<li class="menu-item_mobile">
					<a class="menu-link_mobile" href="#">Главная</a>
				</li>
				<li class="menu-item_mobile">
					<a class="menu-link_mobile" href="#about">О клубе</a>
				</li>
				<li class="menu-item_mobile">
					<a class="menu-link_mobile" href="#">Турниры</a>
				</li>
				<li class="menu-item_mobile">
					<a class="menu-link_mobile" href="#services">Услуги</a>
				</li>
				<li class="menu-item_mobile">
					<a class="menu-link_mobile" href="#">Детский теннис</a>
				</li>
				<li class="menu-item_mobile">
					<a class="menu-link_mobile" href="#">Галерея</a>
				</li>
				<li class="menu-item_mobile">
					<a class="menu-link_mobile" href="#prices">Цены</a>
				</li>
				<li class="menu-item_mobile">
					<a class="menu-link_mobile" href="#">Контакты</a>
				</li>
			</ul>
			<div class="social-links_mobile">
				<a class="youTube" target="_blank" href="#">
					<svg width="29.000000" height="19.000000" viewBox="0 0 29 19" fill="none"
					     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						<path id="Vector"
						      d="M27.79 2.4C27.63 1.82 27.31 1.3 26.87 0.88C26.42 0.45 25.87 0.15 25.27 -0.01C23.01 -0.6 13.99 -0.6 13.99 -0.6C10.22 -0.65 6.46 -0.46 2.72 -0.04C2.12 0.13 1.57 0.44 1.12 0.87C0.67 1.3 0.35 1.83 0.18 2.4C-0.22 4.58 -0.42 6.78 -0.4 9C-0.42 11.2 -0.22 13.41 0.18 15.59C0.35 16.16 0.67 16.69 1.11 17.11C1.56 17.53 2.11 17.84 2.72 18C5.01 18.59 13.99 18.59 13.99 18.59C17.76 18.64 21.52 18.45 25.27 18.03C25.87 17.87 26.42 17.57 26.87 17.14C27.32 16.72 27.63 16.19 27.79 15.62C28.21 13.44 28.41 11.23 28.39 9.02C28.42 6.8 28.22 4.58 27.79 2.4L27.79 2.4ZM11.12 13.1L11.12 4.89L18.63 9L11.12 13.1Z"
						      fill="#FFFFFF" fill-opacity="1.000000" fill-rule="nonzero"/>
					</svg>
				</a>
				<a class="vk" target="_blank" href="#">
					<svg width="24.000000" height="14.000000" viewBox="0 0 24 14" fill="none"
					     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						<path id="Vector"
						      d="M23.96 1.03C24.16 1.56 23.53 2.81 22.08 4.78C21.87 5.05 21.61 5.41 21.29 5.85C20.62 6.69 20.24 7.24 20.15 7.51C20.01 7.86 20.07 8.21 20.33 8.53C20.47 8.71 20.81 9.07 21.33 9.61L21.38 9.61L21.38 9.65C22.57 10.75 23.37 11.69 23.78 12.46L23.87 12.64L23.96 12.98L23.96 13.4L23.65 13.74L22.91 13.89L19.72 13.98C19.51 14.01 19.27 13.98 18.99 13.89C18.72 13.81 18.51 13.72 18.36 13.63L18.1 13.45C17.84 13.27 17.54 13 17.22 12.64C16.9 12.29 16.62 11.96 16.37 11.66C16.12 11.36 15.87 11.12 15.61 10.92C15.34 10.73 15.11 10.66 14.91 10.72C14.88 10.72 14.84 10.74 14.8 10.77C14.75 10.8 14.68 10.86 14.58 10.97C14.48 11.07 14.39 11.2 14.32 11.35C14.24 11.5 14.18 11.71 14.12 12C14.06 12.28 14.03 12.61 14.03 13C14.03 13.12 14.02 13.23 13.99 13.34C13.96 13.44 13.93 13.52 13.9 13.58L13.86 13.63C13.68 13.81 13.45 13.89 13.16 13.89L11.76 13.89C11.15 13.95 10.53 13.89 9.9 13.72C9.27 13.54 8.73 13.31 8.26 13.02C7.79 12.74 7.37 12.46 6.99 12.17C6.61 11.89 6.32 11.65 6.12 11.44L5.81 11.12C5.72 11.06 5.61 10.95 5.46 10.77C5.32 10.59 5.02 10.2 4.56 9.61C4.11 9.01 3.67 8.37 3.23 7.68C2.79 7 2.28 6.1 1.7 4.98C1.12 3.86 0.58 2.71 0.08 1.52C0.02 1.37 0 1.25 0 1.16C0 1.07 0.01 1 0.04 0.94L0.08 0.89C0.2 0.71 0.43 0.63 0.78 0.63L4.24 0.63C4.32 0.63 4.41 0.65 4.5 0.69L4.72 0.8L4.76 0.85C4.91 0.94 5.01 1.07 5.07 1.25C5.24 1.67 5.44 2.11 5.66 2.57C5.88 3.03 6.04 3.38 6.16 3.62L6.34 3.98C6.6 4.48 6.84 4.92 7.06 5.29C7.28 5.67 7.47 5.96 7.65 6.17C7.82 6.37 8 6.54 8.17 6.66C8.35 6.78 8.49 6.84 8.61 6.84C8.73 6.84 8.84 6.82 8.96 6.79L9 6.72L9.16 6.43L9.33 5.85L9.44 4.83L9.44 3.22C9.41 2.89 9.37 2.58 9.31 2.3C9.25 2.02 9.19 1.82 9.13 1.7L9.09 1.56C8.89 1.27 8.52 1.07 8 0.98C7.91 0.98 7.94 0.88 8.08 0.67C8.23 0.52 8.39 0.4 8.57 0.31C9 0.07 9.99 -0.03 11.54 0C12.21 0 12.78 0.06 13.24 0.18C13.39 0.21 13.52 0.26 13.64 0.34C13.75 0.41 13.84 0.51 13.9 0.65C13.96 0.78 14 0.92 14.03 1.05C14.06 1.18 14.08 1.38 14.08 1.63L14.08 2.32C14.05 2.56 14.03 2.86 14.03 3.22L14.03 4.29C14.03 4.38 14.02 4.56 14.01 4.83C13.99 5.09 13.99 5.3 13.99 5.45C13.99 5.6 14 5.77 14.03 5.96C14.06 6.16 14.11 6.32 14.18 6.46C14.26 6.59 14.35 6.69 14.47 6.75C14.53 6.78 14.59 6.8 14.67 6.81C14.74 6.83 14.85 6.78 14.99 6.68C15.14 6.57 15.3 6.43 15.47 6.23C15.65 6.04 15.87 5.75 16.13 5.36C16.39 4.97 16.67 4.53 16.96 4.02C17.46 3.13 17.91 2.16 18.32 1.12C18.35 1.06 18.38 0.99 18.43 0.92C18.47 0.84 18.52 0.79 18.58 0.76L18.62 0.76L18.67 0.71L18.84 0.67L19.1 0.67L22.69 0.63C23.01 0.6 23.28 0.61 23.5 0.67C23.72 0.73 23.84 0.8 23.87 0.89L23.96 1.03Z"
						      fill="#FFFFFF" fill-opacity="1.000000" fill-rule="nonzero"/>
					</svg>
				</a>
			</div>
		</nav>
		<!--		================= hero ===============          -->
		<div class="container container__hero">
			<div class="hero__text-block">
				<h1 class="hero__title">Петербургский теннисный клуб<br> имени М.А. Пасечникова</h1>
				<div class="hero__video">
					<button class="hero__video-button">
						<svg width="80.000000" height="80.000000" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
							<defs/>
							<circle id="Ellipse 1" cx="40.000000" cy="40.000000" r="39.500000" stroke="#FFFFFF" stroke-opacity="1.000000" stroke-width="1.000000"/>
							<circle id="Ellipse 2" cx="40.000000" cy="40.000000" r="32.000000" fill="#8D86C9" fill-opacity="1.000000"/>
							<path id="Polygon 1" d="M48 40L32 50L32 30L48 40Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="nonzero"/>
						</svg>
						<span class="hero__btn-text">Посмотрите видео о нашем клубе</span>
					</button>
				</div>
			</div>
			<div class="services__container">
				<ul class="hero-services">
					<li class="hero-services__item">
						<a class="hero-services__link" href="#">
							<div class="hero-services__text-block">
								<h3 class="hero-services__title">Услуги</h3>
								<p class="hero-services__text">Аренда корта</p>
							</div>
							<img class="hero-services__icon" src="./icons/external-link.svg" alt="link to service">
						</a>
					</li>
					<li class="hero-services__item">
						<a class="hero-services__link" href="#">
							<div class="hero-services__text-block">
								<h3 class="hero-services__title">Услуги</h3>
								<p class="hero-services__text">Детский теннис</p>
							</div>
							<img class="services__icon" src="./icons/external-link.svg" alt="link to service">
						</a>
					</li>
					<li class="hero-services__item">
						<a class="hero-services__link" href="#">
							<div class="hero-services__text-block">
								<h3 class="hero-services__title">Услуги</h3>
								<p class="hero-services__text">Сборы команд</p>
							</div>
							<img class="hero-services__icon" src="./icons/external-link.svg" alt="link to service">
						</a>
					</li>
					<li class="hero-services__item">
						<a class="hero-services__link" href="#">
							<div class="hero-services__text-block">
								<h3 class="hero-services__title">Турниры</h3>
								<p class="hero-services__text">Расписание</p>
							</div>
							<img class="hero-services__icon" src="./icons/external-link.svg" alt="link to service">
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</header>
<!-- =================== about us ====================   -->
<main>
	<section class="about-us">
		<h2 class="about-us__title">About Us</h2>
		<div class="container container__about-us">
			<div id="about" class="about-us__list">
				<div class="about-us__img about-us__img-1">
					<a href="#" class="about-us__img-text">5 летних <br>грунтовых кортов</a>
				</div>
				<div class="about-us__img about-us__img-2">
					<a href="#" class="about-us__img-text">Зал с покрытием “Искусственная трава”</a>
				</div>
				<div class="about-us__img about-us__img-3">
					<a href="#" class="about-us__img-text">Зал с покрытием <br>“Хард”</a>
				</div>
			</div>
		</div>
	</section>
	<!--	========================== sport club ========================      -->
	<section class="sport-club">
		<div class="container container__sport-club">
			<div>
				<img class="sport-club__img" src="./images/spot-club-full.jpeg" alt="sport club photo">
			</div>
			<div class="sport-club__block">
				<h2 class="sport-club__title">Спортивный клуб</h2>
				<p class="sport-club__text">
					Imperdiet lorem ipsum, pulvinar aliquet sit ultricies in sit turpis. Ultricies erat pretium risus
					quam tincidunt non viverra porttitor. Sollicitudin enim nunc in nisi donec vel. Blandit mauris vitae
					amet aliquet ultrices mauris pellentesque. Non ipsum commodo, sit mi sit netus aenean nisl. ]Donec
					sit pellentesque enim, vestibulum.
				</p>
				<p class="sport-club__text_indent">Condimentum hac adipiscing purus in augue nisi. Convallis ut
					nisi.</p>
				<h3 class="sport-club__subtitle">Ornare orci ut dictum nulla fames. </h3>
				<ul class="sport-club__list">
					<li class="sport-club__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A,
						consectetur.
					</li>
					<li class="sport-club__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic molestias
						quisquam sit? Repellat.
					</li>
					<li class="sport-club__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id, officiis,
						vero!
					</li>
					<li class="sport-club__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum eveniet
						ipsum maiores modi rem temporibus.
					</li>
				</ul>
			</div>
		</div>
	</section>
	<!--	========================= trainers ===========================              -->
	<section class="trainers">
		<div class="container container__trainers">
			<div class="trainers-title__block">
				<h2 class="trainers__title">Тренерский состав</h2>
				<div class="arrow__block">
					<img class="arrows trainers__arrow-left" src="./icons/left-arrow.svg" alt="arrow left">
					<img class="arrows trainers__arrow-right" src="./icons/right-arrow.svg" alt="arrow right">
					<div class="trainers__pagination"></div>
				</div>
			</div>
			<!--	swiper		-->
			<div class="swiper trainers__slider">
				<div class="swiper-wrapper slider-line">
					<div class="swiper-slide trainers__person">
						<img src="./images/trainer-1-full.png" class="trainer__photo" alt="photo of trainer">
						<h3 class="trainer__name">
							Pulvinar aliquam
						</h3>
						<p class="trainer__description">Arcu elit massa amet turpis vel consequat pellentesque sit. </p>
					</div>
					
					<div class="swiper-slide trainers__person">
						<img src="./images/trainer-2-full.png" class="trainer__photo" alt="photo of trainer">
						<h3 class="trainer__name">
							Pretium odio
						</h3>
						<p class="trainer__description">Bibendum aliquam volutpat nisl a duis in nisi. In sed commodo
							lorem
							morbi quis. </p>
					</div>
					<div class="swiper-slide trainers__person">
						<img src="./images/trainer-3-full.png" class="trainer__photo" alt="photo of trainer">
						<h3 class="trainer__name">
							Aliquet consectetur
						</h3>
						<p class="trainer__description">Id sapien sed nibh fermentum massa posuere ipsum. Diam in.</p>
					</div>
					<div class="swiper-slide trainers__person">
						<img src="./images/trainer-4-full.png" class="trainer__photo" alt="photo of trainer">
						<h3 class="trainer__name">
							Blandit Augue
						</h3>
						<p class="trainer__description">Scelerisque accumsan pretium justo, vitae elit. Dolor semper
							morbi
							sit auctor vel diam eros.</p>
					</div>
		 			<div class="swiper-slide trainers__person">
						<img src="./images/trainer-5-full.png" class="trainer__photo" alt="photo of trainer">
						<h3 class="trainer__name">
							Lorem Lacus
						</h3>
						<p class="trainer__description">Adipiscing amet, viverra dignissim egestas. Sed nibh egestas
							venenatis faucibus. </p>
					</div>
					<div class="swiper-slide trainers__person">
						<img src="./images/trainer-6-full.png" class="trainer__photo" alt="photo of trainer">
						<h3 class="trainer__name">
							Sed Erat
						</h3>
						<p class="trainer__description">Quis ullamcorper pretium lacus risus tellus dolor etiam. </p>
					</div>
					<div class="swiper-slide trainers__person">
						<img src="./icons/person-icon.png" class="trainer__photo" alt="photo of trainer">
						<h3 class="trainer__name">
							Lorem Lacus
						</h3>
						<p class="trainer__description">Adipiscing amet, viverra dignissim egestas. Sed nibh egestas
							venenatis faucibus. </p>
					</div>
					<div class="swiper-slide trainers__person">
						<img src="./icons/person-icon.png" class="trainer__photo" alt="photo of trainer">
						<h3 class="trainer__name">
							Lorem Lacus
						</h3>
						<p class="trainer__description">Adipiscing amet, viverra dignissim egestas. Sed nibh egestas
							venenatis faucibus. </p>
					</div>
					<div class="swiper-slide trainers__person">
						<img src="./icons/person-icon.png" class="trainer__photo" alt="photo of trainer">
						<h3 class="trainer__name">
							Lorem Lacus
						</h3>
						<p class="trainer__description">Adipiscing amet, viverra dignissim egestas. Sed nibh egestas
							venenatis faucibus. </p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--	============================== services =====================================       -->
	<section class="services">
		<div id="prices" class="container container-services">
			<div class="prices-services">
				<div class="prices">
					<h2 class="prices__title">Цены и абонементы</h2>
					<div class="price__order">
						<a class="order__input" href="#">
							Зимний сезон 2021-2022
							<img class="services__arrow" alt="link to service"
							     src="./icons/price-arrow.svg">
						</a>
						<a class="order__input" href="#">
							Абонементы
							<img class="services__arrow" alt="link to service" src="./icons/price-arrow.svg">
						</a>
						<a class="order__input" href="#">
							Скидки
							<img class="services__arrow" alt="link to service" src="./icons/price-arrow.svg">
						</a>
						<a class="order__input" href="#">
							Дополнительные услуги
							<img class="services__arrow" alt="link to service" src="./icons/price-arrow.svg">
						</a>
					</div>
				</div>
			</div>
			<div id="services" class="services__club">
				<div class="services-title__block">
					<h2 class="services__title">Услуги</h2>
					<div class="arrow__block">
						<img class="arrows services__arrow_left" src="./icons/left-arrow.svg" alt="arrow left">
						<img class="arrows services__arrow_right" src="./icons/right-arrow.svg" alt="arrow right">
					</div>
				</div>
				<div class="services__cafe">
					<div class="services__slider-line">
						<div class="services__img-block">
							<img class="services__cafe-img" src="./images/cafe-example.jpg" alt="photo of cafe">
							<img class="services__cafe-img" src="./images/services-full.png" alt="photo of cafe">
							<img class="services__cafe-img" src="./images/cafe-example-2.jpeg" alt="photo of cafe">
						</div>
					</div>
					<p class="services__cafe-text">Уютное кафе</p>
				</div>
			</div>
		</div>
	</section>
</main>
<!--============================ footer ===========================    -->
<footer class="footer">
	<nav class="footer__nav">
		<div class="container footer__container">
			<p class="footer__copyright">2022 &#169; Все права защищены.</p>
			<ul class="footer__nav-list">
				<li class="footer__nav-item">
					<a class="footer__nav-link" href="#">Главная</a>
				</li>
				<li class="footer__nav-item">
					<a class="footer__nav-link" href="#about">О клубе</a>
				</li>
				<li class="footer__nav-item">
					<a class="footer__nav-link" href="#">Турниры</a>
				</li>
				<li class="footer__nav-item">
					<a class="footer__nav-link" href="#">Услуги</a>
				</li>
				<li class="footer__nav-item">
					<a class="footer__nav-link" href="#">Детский теннис</a>
				</li>
				<li class="footer__nav-item">
					<a class="footer__nav-link" href="#">Галерея</a>
				</li>
				<li class="footer__nav-item">
					<a class="footer__nav-link" href="#">Цены</a>
				</li>
				<li class="footer__nav-item">
					<a class="footer__nav-link" href="#">Контакты</a>
				</li>
			</ul>
			<div class="footer__social-links">
				<a class="footer__youTube footer__social-link" target="_blank" href="#">
					<svg width="29.000000" height="19.000000" viewBox="0 0 29 19" fill="none"
					     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						<path id="Vector"
						      d="M27.79 2.4C27.63 1.82 27.31 1.3 26.87 0.88C26.42 0.45 25.87 0.15 25.27 -0.01C23.01 -0.6 13.99 -0.6 13.99 -0.6C10.22 -0.65 6.46 -0.46 2.72 -0.04C2.12 0.13 1.57 0.44 1.12 0.87C0.67 1.3 0.35 1.83 0.18 2.4C-0.22 4.58 -0.42 6.78 -0.4 9C-0.42 11.2 -0.22 13.41 0.18 15.59C0.35 16.16 0.67 16.69 1.11 17.11C1.56 17.53 2.11 17.84 2.72 18C5.01 18.59 13.99 18.59 13.99 18.59C17.76 18.64 21.52 18.45 25.27 18.03C25.87 17.87 26.42 17.57 26.87 17.14C27.32 16.72 27.63 16.19 27.79 15.62C28.21 13.44 28.41 11.23 28.39 9.02C28.42 6.8 28.22 4.58 27.79 2.4L27.79 2.4ZM11.12 13.1L11.12 4.89L18.63 9L11.12 13.1Z"
						      fill="#8D86C9" fill-opacity="1.000000" fill-rule="nonzero"/>
					</svg>
				</a>
				<a class="footer__vk footer__social-link" target="_blank" href="#">
					<svg width="24.000000" height="14.000000" viewBox="0 0 24 14" fill="none"
					     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						<path id="Vector"
						      d="M23.96 1.03C24.16 1.56 23.53 2.81 22.08 4.78C21.87 5.05 21.61 5.41 21.29 5.85C20.62 6.69 20.24 7.24 20.15 7.51C20.01 7.86 20.07 8.21 20.33 8.53C20.47 8.71 20.81 9.07 21.33 9.61L21.38 9.61L21.38 9.65C22.57 10.75 23.37 11.69 23.78 12.46L23.87 12.64L23.96 12.98L23.96 13.4L23.65 13.74L22.91 13.89L19.72 13.98C19.51 14.01 19.27 13.98 18.99 13.89C18.72 13.81 18.51 13.72 18.36 13.63L18.1 13.45C17.84 13.27 17.54 13 17.22 12.64C16.9 12.29 16.62 11.96 16.37 11.66C16.12 11.36 15.87 11.12 15.61 10.92C15.34 10.73 15.11 10.66 14.91 10.72C14.88 10.72 14.84 10.74 14.8 10.77C14.75 10.8 14.68 10.86 14.58 10.97C14.48 11.07 14.39 11.2 14.32 11.35C14.24 11.5 14.18 11.71 14.12 12C14.06 12.28 14.03 12.61 14.03 13C14.03 13.12 14.02 13.23 13.99 13.34C13.96 13.44 13.93 13.52 13.9 13.58L13.86 13.63C13.68 13.81 13.45 13.89 13.16 13.89L11.76 13.89C11.15 13.95 10.53 13.89 9.9 13.72C9.27 13.54 8.73 13.31 8.26 13.02C7.79 12.74 7.37 12.46 6.99 12.17C6.61 11.89 6.32 11.65 6.12 11.44L5.81 11.12C5.72 11.06 5.61 10.95 5.46 10.77C5.32 10.59 5.02 10.2 4.56 9.61C4.11 9.01 3.67 8.37 3.23 7.68C2.79 7 2.28 6.1 1.7 4.98C1.12 3.86 0.58 2.71 0.08 1.52C0.02 1.37 0 1.25 0 1.16C0 1.07 0.01 1 0.04 0.94L0.08 0.89C0.2 0.71 0.43 0.63 0.78 0.63L4.24 0.63C4.32 0.63 4.41 0.65 4.5 0.69L4.72 0.8L4.76 0.85C4.91 0.94 5.01 1.07 5.07 1.25C5.24 1.67 5.44 2.11 5.66 2.57C5.88 3.03 6.04 3.38 6.16 3.62L6.34 3.98C6.6 4.48 6.84 4.92 7.06 5.29C7.28 5.67 7.47 5.96 7.65 6.17C7.82 6.37 8 6.54 8.17 6.66C8.35 6.78 8.49 6.84 8.61 6.84C8.73 6.84 8.84 6.82 8.96 6.79L9 6.72L9.16 6.43L9.33 5.85L9.44 4.83L9.44 3.22C9.41 2.89 9.37 2.58 9.31 2.3C9.25 2.02 9.19 1.82 9.13 1.7L9.09 1.56C8.89 1.27 8.52 1.07 8 0.98C7.91 0.98 7.94 0.88 8.08 0.67C8.23 0.52 8.39 0.4 8.57 0.31C9 0.07 9.99 -0.03 11.54 0C12.21 0 12.78 0.06 13.24 0.18C13.39 0.21 13.52 0.26 13.64 0.34C13.75 0.41 13.84 0.51 13.9 0.65C13.96 0.78 14 0.92 14.03 1.05C14.06 1.18 14.08 1.38 14.08 1.63L14.08 2.32C14.05 2.56 14.03 2.86 14.03 3.22L14.03 4.29C14.03 4.38 14.02 4.56 14.01 4.83C13.99 5.09 13.99 5.3 13.99 5.45C13.99 5.6 14 5.77 14.03 5.96C14.06 6.16 14.11 6.32 14.18 6.46C14.26 6.59 14.35 6.69 14.47 6.75C14.53 6.78 14.59 6.8 14.67 6.81C14.74 6.83 14.85 6.78 14.99 6.68C15.14 6.57 15.3 6.43 15.47 6.23C15.65 6.04 15.87 5.75 16.13 5.36C16.39 4.97 16.67 4.53 16.96 4.02C17.46 3.13 17.91 2.16 18.32 1.12C18.35 1.06 18.38 0.99 18.43 0.92C18.47 0.84 18.52 0.79 18.58 0.76L18.62 0.76L18.67 0.71L18.84 0.67L19.1 0.67L22.69 0.63C23.01 0.6 23.28 0.61 23.5 0.67C23.72 0.73 23.84 0.8 23.87 0.89L23.96 1.03Z"
						      fill="#8D86C9" fill-opacity="1.000000" fill-rule="nonzero"/>
					</svg>
				</a>
				<a class="footer__telegram footer__social-link" target="_blank" href="">
					<svg width="20.000000" height="16.000000" viewBox="0 0 20 16" fill="none"
					     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
						<path id="Vector"
						      d="M18.65 0.1L0.93 6.62C-0.28 7.08 -0.27 7.72 0.71 8.01L5.26 9.36L15.78 3.03C16.28 2.74 16.73 2.9 16.36 3.21L7.83 10.55L7.83 10.55L7.83 10.55L7.52 15.03C7.98 15.03 8.18 14.83 8.44 14.59L10.65 12.54L15.24 15.78C16.09 16.22 16.7 15.99 16.91 15.03L19.93 1.47C20.23 0.29 19.45 -0.25 18.65 0.1Z"
						      fill="#8D86C9" fill-opacity="1.000000" fill-rule="nonzero"/>
					</svg>
				
				</a>
			</div>
		</div>
	</nav>
</footer>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="./js/main.js"></script>
</body>
</html>